﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultItems.aspx.vb" Inherits="DefaultItems" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>JQuery Contact Form with Default Items</title>

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <script src="js/jquery.form.js" type="text/javascript"></script>

    <script src="js/jquery.validate.pack.js" type="text/javascript"></script>

    <script src="js/additional-methods.js" type="text/javascript"></script>

    <script src="js/jquery.maskedinput-1.2.2.min.js" type="text/javascript"></script>

    <script src="js/DefaultItems.js" type="text/javascript"></script>

    <link href="ContactFormTester.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="ContactForm" action="DefaultItems.aspx" method="post">
    <div id="ContactRequest">
        <fieldset id="contactform">
            <legend>Contact Us!</legend>
            <div id="dMakeContact">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur risus. Proin
                    lobortis facilisis lectus.
                </p>
                <hr />
                <p>
                    <label id="lblFirstName" for="FirstName">
                        First Name :
                    </label>
                    <input name="FirstName" id="FirstName" type="text" maxlength="25" class="required" /><em><img
                        src="images/required.png" alt="required" /></em>
                </p>
                <p>
                    <label id="lbllastName" for="LastName">
                        Last Name :
                    </label>
                    <input name="LastName" type="text" maxlength="25" class="required" /><em><img src="images/required.png"
                        alt="required" /></em>
                </p>
                <p>
                    <label id="lblAddr1" for="Addr1">
                        Address :
                    </label>
                    <input name="Addr1" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblAddr2" for="Addr2">
                        Address 2 :
                    </label>
                    <input name="Addr2" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblCity" for="City">
                        City :
                    </label>
                    <input name="City" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblState" for="State">
                        State :
                    </label>
                    <input name="txtState" type="text" maxlength="25" />
                </p>
                <p>
                    <label id="lblZip" for="txtZip">
                        Zip :
                    </label>
                    <input name="txtZip" type="text" class="ZipCodeMask" />
                </p>
                <p>
                    <label id="lblPhone" for="txtPhone">
                        Phone :
                    </label>
                    <input type="text" name="txtPhone" class="phone PhoneMask" />
                </p>
                <p>
                    <label id="lblEmail" for="EMail">
                        E-Mail :
                    </label>
                    <input name="EMail" type="text" maxlength="100" class="required email" /><em><img
                        src="images/required.png" alt="required" /></em>
                </p>
                <p>
                    <label id="lblComment" for="Comment">
                        Comment or Question :
                    </label>
                    <em>
                        <img src="images/required.png" alt="required" /></em>
                    <textarea name="Comment" cols="40" rows="6" class="required"></textarea>
                </p>
                <p>
                    <button type="button" name="btnCancel" id="btnCancel">
                        Cancel</button>&nbsp;&nbsp;&nbsp;
                    <button type="reset" name="btnReset">
                        Reset</button>&nbsp;&nbsp;&nbsp;
                    <button id="btnSubmit" name="btnSubmit" type="submit" class="default">
                        Submit</button>
                </p>
            </div>
            <div id="dThinking">
                Thinking....</div>
            <div id="ContactResponse">
                <p>
                    Your request has been recieved and will be responded to shortly.</p>
            </div>
        </fieldset>
    </div>
    </form>
</body>
</html>
